@charset "utf-8";
@import "common/common";
.friend_wrap {
//      display: none;
    .friend {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        ul {
            width: 100%;
            display: inline-block;
            font-size: 0;
            -webkit-text-size-adjust: none;
            li {
                display: inline-block;
                width: 5.62rem;
                height: 5.41rem;
                //              float: left;
                img {
                    width: 100%;
                    height: 100%;
                }
            }
        }
    }
    .friend_ceng {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background: #000000;
        opacity: .75;
    }
    .friend_right {
        position: absolute;
        top: 5rem;
        right: 3rem;
        img {
            width: 70%;
        }
    }
    .friend_zi {
        position: absolute;
        top: 9rem;
    right: 5rem;
    font-size: 1.5rem;
        color: white;
        font-weight: 600;
    }
}
